<template>
  <div class="dashboard-container">
    <div class="app-container">
      <!-- 自定义组件，标题 -->
      <PageTitle :show-before="true" style="margin-bottom: 30px">
        <template v-slot:before>
          <h2>基础配置</h2>
        </template>
      </PageTitle>
      <el-form ref="form" :model="form" label-width="160px">
        <div class="el-divider">
          <div class="el-divider__text">极光推送</div>
        </div>
        <el-form-item label="极光推送appkey">
          <el-input placeholder="" style="width: 40%"></el-input>
        </el-form-item>
        <el-form-item label="极光推送appsecret">
          <el-input placeholder="" style="width: 40%"></el-input>
        </el-form-item>
        <div class="el-divider">
          <div class="el-divider__text">安卓更新设置</div>
        </div>
        <el-form-item label="安卓下载地址">
          <el-input placeholder="" style="width: 40%"></el-input>
        </el-form-item>
        <el-form-item label="安卓当前版本号">
          <el-input placeholder="" style="width: 40%"></el-input>
        </el-form-item>
        <el-form-item label="安卓当前版本更新内容">
          <el-input type="textarea" style="width: 40%"></el-input>
        </el-form-item>
        <el-form-item label="安卓开启强制更新">
          <el-switch active-color="#13ce66" inactive-color="#ff4949" disabled>
          </el-switch>
        </el-form-item>
        <div class="el-divider">
          <div class="el-divider__text">IOS更新设置</div>
        </div>
        <el-form-item label="ios下载地址">
          <el-input placeholder="" style="width: 40%"></el-input>
        </el-form-item>
        <el-form-item label="ios当前版本号">
          <el-input placeholder="" style="width: 40%"></el-input>
        </el-form-item>
        <el-form-item label="ios当前版本更新内容">
          <el-input type="textarea" style="width: 40%"></el-input>
        </el-form-item>
            <el-form-item label="iOS开启强制更新">
          <el-switch active-color="#13ce66" inactive-color="#ff4949" disabled>
          </el-switch>
        </el-form-item>
        <el-form-item label="">
          <el-button type="primary">保存</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style scoped>
.el-divider {
  margin: 40px 0;
  background-color: #dcdfe6;
  position: relative;
  display: block;
  height: 1px;
  width: 100%;
}
.el-divider__text {
  position: absolute;
  background-color: #fff;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  color: #303133;
  left: 20px;
}
</style>
